<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
    <title>useState 细节</title>
</head>

<body>
    <div>
        <p>1.接收唯一的参数既状态的初始值，初始值可以是任意数据类型</p>
        <p>2.返回值为数组，数组中存储状态值和更改状态值的方法，方法名称约定以set开头,后面接状态名称</p>
        <p>3.方法可以被调用多次，用于保存不同状态值</p>
        <p>4.参数可以是一个函数，函数返回什么，初始值就是什么，函数只会被调用一次，用在初始值是动态值的情况</p>
    </div>

    <script>
        import React, {
            useState
        } from 'React'

        const [person, setPerson] = useState({
            name: '123',
            age: 18
        })

        // 只想设置一个
        setPerson({
            ...person,
            name: '456'
        })
    </script>

</body>

</html>